/**
author : zhupinglei
desc : style.less
**/
body{ background:#f7f3f3;}

#wrap{
	width:100%; overflow:hidden;
	.header{width:100%; height:33px; line-height:33px; overflow:hidden; background:#000; opacity:0.7; filter:alpha(opacity=70); position:fixed; _position:absolute; left:0; top:0; z-index:50;}
	.nav{
		width:100%; height:33px; line-height:33px; overflow:hidden;  position:fixed; _position:absolute; left:0; top:0; z-index:100;
		ul{
			width:900px;  height:33px; margin:0 auto; overflow:hidden; background:url('../img/header.png') 0 center no-repeat;
			li{
				width:80px; height:33px; overflow:hidden; text-indent:-20em; float:left;
				a{display:block;}
			}
		}
	}
	.banner{
		width:100%;
		img{width:100%; height:auto;}
	}
	.about{
		background:url('../img/sbg.png'); padding:55px 0;
		img{width:997px; height:252px; margin:0 auto; display:block;}
	}
	.job{
		.jobBgImg{
			background:url('../img/jobBg.jpg') center 0 no-repeat; height:612px;
			.jobList{
				position:relative; top:50px; width:917px; height:452px; overflow:hidden; margin:0 auto;
				h2{text-align:center; margin-bottom:40px;}
				li{
					width:286px; height:360px; overflow:hidden; float:left; margin-left:10px;
					a{display:block; width:174px; height:174px; padding:7px; overflow:hidden; background:url('../img/cir.png') no-repeat; margin:0 auto;}
				}
				li.design{background:url('../img/s1.png') 0 bottom no-repeat;}
				li.Dance{background:url('../img/s2.png') 0 bottom no-repeat;}
				li.Ps{background:url('../img/s3.png') 0 bottom no-repeat;}
			}
		}
		
	}
	.work{
		.computer{width:696px; height:464px; margin:60px auto;}
		.picList{
			width:946px; margin:0 auto; overflow:hidden;
			ul{ width:965px; margin-left:-17px;}
			li{
				width:282px; height:282px; border:1px solid #e8e5e5; padding:10px; overflow:hidden; background:#fff; float:left; margin-left:17px; margin-top:17px;
			}
		}
	}
	.footer{
		background:#2c2b30; height:479px; overflow:hidden; margin-top:100px;
		.qq{height:122px; overflow:hidden; background:url('../img/qq.png') center center no-repeat #232327;}
		.contact{
			height:357px; overflow:hidden; padding:0 50px; color:#deebfa;
			.tel{
				text-align:center; height:280px; border-bottom:1px solid #deebfa; font-size:24px; line-height:35px; position:relative;
				h3{font-size:78px; line-height:130px;}
				.menu{
					position:absolute; left:0; top:0; text-align:left;
					a{color:#deebfa; text-decoration:none; display:block; margin-top:40px;}
				}
			}
			.copy{
				font-size:18px; line-height:50px;
				a{color:#deebfa; text-decoration:none;}
			}
		}
	}
}
